<!DOCTYPE html>
<html>
<head>
    <title>至上会计欢迎您</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="author" content="">
    <meta name="description" content="至上会计移动端CRM管理系统">
    <link rel="stylesheet" href="../lib/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.css">
    <link rel="stylesheet" href="css/mywe.css">
    <link rel="stylesheet" href="css/shop.css?v=1">
</head>
<body ontouchstart>
    <header class='demos-header'>
        <div class="demos-left" onclick="history.go(-1)"><i class="iconfont">&#xe65a;</i></div>
        <h3 class="demos-title">评价</h3>
    </header>
    <main>
        <div class="weui-tab evaluate">
            <div class="weui-navbar">
                <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                    好评<p>988</p>
                </a>
                <a class="weui-navbar__item" href="#tab2">
                    中评<p>9</p>
                </a>
                <a class="weui-navbar__item" href="#tab3">
                    差评<p>3</p>
                </a>
                <a class="weui-navbar__item" href="#tab4">
                    全部<p>1000</p>
                </a>
            </div>
            <div class="weui-tab__bd">
                <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                    <div class="evalists">
                        <div class="evalist">
                            <div class="evalist_hd weui-flex">
                                <div class="weui-flex__item" data-stars="3">
                                    杭州市 136****3366
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                </div>
                                <div>2017-06-21</div>
                            </div>
                            <div class="evalist_bd">
                                大河如龙 群山有虎 长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 大河如龙 群山有虎
                                长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 一把剑划开万丈天幕 一腔血注解千秋史书
                                降大任 苦心志 劳筋骨 但道义 出文章 展抱负 立身堂堂男子汉 壮怀凛凛大丈夫
                            </div>
                            <div class="evalist_ft weui-flex">
                                <div class="evaimg">
                                    <img src="./images/nophoto.png" alt="">
                                </div>
                                <div class="weui-flex__item">
                                    <p>肖芳芳 <span class="color-gray">提供服务</span></p>
                                </div>
                                <div>好评率:100%</div>
                            </div>
                        </div>
                        <div class="evalist">
                            <div class="evalist_hd weui-flex">
                                <div class="weui-flex__item" data-stars="5">
                                    杭州市 136****3366
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                </div>
                                <div>2017-06-21</div>
                            </div>
                            <div class="evalist_bd">
                                大河如龙 群山有虎 长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 大河如龙 群山有虎
                                长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 一把剑划开万丈天幕 一腔血注解千秋史书
                                降大任 苦心志 劳筋骨 但道义 出文章 展抱负 立身堂堂男子汉 壮怀凛凛大丈夫
                            </div>
                            <div class="evalist_ft weui-flex">
                                <div class="evaimg">
                                    <img src="./images/nophoto.png" alt="">
                                </div>
                                <div class="weui-flex__item">
                                    <p>肖芳芳 <span class="color-gray">提供服务</span></p>
                                </div>
                                <div>好评率:100%</div>
                            </div>
                        </div>
                        <div class="evalist">
                            <div class="evalist_hd weui-flex">
                                <div class="weui-flex__item" data-stars="4">
                                    杭州市 136****3366
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                </div>
                                <div>2017-06-21</div>
                            </div>
                            <div class="evalist_bd">
                                大河如龙 群山有虎 长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 大河如龙 群山有虎
                                长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 一把剑划开万丈天幕 一腔血注解千秋史书
                                降大任 苦心志 劳筋骨 但道义 出文章 展抱负 立身堂堂男子汉 壮怀凛凛大丈夫
                            </div>
                            <div class="evalist_ft weui-flex">
                                <div class="evaimg">
                                    <img src="./images/nophoto.png" alt="">
                                </div>
                                <div class="weui-flex__item">
                                    <p>肖芳芳 <span class="color-gray">提供服务</span></p>
                                </div>
                                <div>好评率:100%</div>
                            </div>
                        </div>
                        <div class="evalist">
                            <div class="evalist_hd weui-flex">
                                <div class="weui-flex__item" data-stars="1">
                                    杭州市 136****3366
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                    <i class="iconfont">&#xe655;</i>
                                </div>
                                <div>2017-06-21</div>
                            </div>
                            <div class="evalist_bd">
                                大河如龙 群山有虎 长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 大河如龙 群山有虎
                                长啸仰天 长歌当哭 龙盘虎踞 有钟有鼓 龙腾虎跃 有文有武 一把剑划开万丈天幕 一腔血注解千秋史书
                                降大任 苦心志 劳筋骨 但道义 出文章 展抱负 立身堂堂男子汉 壮怀凛凛大丈夫
                            </div>
                            <div class="evalist_ft weui-flex">
                                <div class="evaimg">
                                    <img src="./images/nophoto.png" alt="">
                                </div>
                                <div class="weui-flex__item">
                                    <p>肖芳芳 <span class="color-gray">提供服务</span></p>
                                </div>
                                <div>好评率:100%</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="tab2" class="weui-tab__bd-item">
                    <div class="height8"></div>
                </div>
                <div id="tab3" class="weui-tab__bd-item">
                    <div class="height8"></div>
                </div>
                <div id="tab4" class="weui-tab__bd-item">
                    <div class="height8"></div>
                </div>
            </div>
        </div>
    </main>
    <footer class="weui-flex">
        <a href="/staffhome" class="weui-flex__item">
            <i class="iconfont">&#xe614;</i>
            <p>首页</p>
        </a>
        <a href="/workbench/contact" class="weui-flex__item">
            <i class="iconfont">&#xe809;</i>
            <p>通讯录</p>
        </a>
        <a href="/dailylook" class="weui-flex__item">
            <i class="iconfont">&#xe670;</i>
            <p>发现</p>
        </a>
        <a href="/custom" class="weui-flex__item active">
            <i class="iconfont">&#xe603;</i>
            <p>我的</p>
        </a>
    </footer>
    <script src="../lib/jquery-2.1.4.js"></script>
    <script src="../lib/fastclick.js"></script>
    <script src="../js/jquery-weui.min.js"></script>
    <script src="../js/city-picker.min.js"></script>

    <script>
        $(function () {
            FastClick.attach(document.body);
        });
        $(".evalist_hd").each(function () {
            var stars= $(this).find(".weui-flex__item").data("stars");
            console.log(stars);
            $(this).find("i.iconfont").each(function (i) {
                if (i<stars){
                    $(this).html("&#xe678;").addClass("color-red");
                }
            });

        });

    </script>

</body>
</html>